<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>鼎嘉旅游-攻略信息</title>
<link rel="stylesheet" href="${pageContext.request.contextPath }/statics/css/ydform.css"  media="all">
</head>
<body>
<%@ include file="/WEB-INF/elements/header.jsp" %>

<!---start-content---->
		<div class="content-wrap">
			<div class="wrap">
			<div class="about-us">
					<div class="about-header">
						<h5></h5><h3>${route.name }</h3><h5></h5>
						<div class="clear"> </div>
					</div>
					<div class="about-info " >
					<!-- 旅游攻略介绍开始 -->
						<!-- 产品概要开始 -->
						<div class="product">
							<h3 class="resume-title">产品概要</h3>
							<div class="layui-row ">
							<c:forEach items="${route.generals }" var="general">
								<div class="layui-col-md4 protrans" >
									<li class="grid-demo grid-demo-bg1"><span>${general.name }:</span>${general.info }</li>
								</div>
							</c:forEach>
								
							</div>
						</div>
						<!-- 产品概要结束-->
					<ul class="layui-timeline">
						<c:forEach items="${route.daies}" var="day">
							<c:forEach items="${day.activitytimes }" var="activitytime">
							<li class="layui-timeline-item">
							<i class="layui-icon layui-timeline-axis busfont">${activitytime.activity.icon}</i>
							<div class="layui-timeline-content layui-text">
								<h3 class="layui-timeline-title">${activitytime.activity.name }:  ${activitytime.time }</h3>
								<c:forEach items="${activitytime.timeSpots}" var="timeSpot"> 
								<div class="scenery-content ">
								<p >
									${timeSpot.spot.info } <i class="layui-icon" style="color:yellow;"></i>
								</p>
									<c:forEach items="${timeSpot.spot.spotPictures }" var="spotpicture">
									
								<img alt="${spotpicture.picture.name }" src="${base }/statics/${spotpicture.picture.path }">
								</c:forEach>
								</div>
								</c:forEach>
							</div>
						</li>
							</c:forEach>
						</c:forEach>
					</ul>



				</div>
				</div>
			<div class="clear"> </div>
			<div class="specials">
					<div class="specials-heading">
						<h5> </h5><h3>最热景点</h3><h5> </h5>
						<div class="clear"> </div>
					</div>
					<div class="clear"> </div>
					<div class="specials-grids">
						<div class="special-grid">
							<img src="${base }/statics/images/grids-img1.jpg" title="image-name" />
							<a href="#">厦门专线</a>
							<p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
								无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
								无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔
							</p>
							</div>
						<div class="special-grid">
							<img src="${base }/statics/images/grids-img2.jpg" title="image-name" />
							<a href="#">云南专线</a>
							<p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
								无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
								无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔
								layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
								无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
								无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔
							</p>
							</div>
						<div class="special-grid spe-grid">
							<img src="${base }/statics/images/grids-img3.jpg" title="image-name" />
							<a href="#">港澳游</a>
							<p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
								无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
								无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔
							</p>
							</div>
						<div class="clear"> </div>
					</div>
					<div class="clear"> </div>
			</div>
			</div>	
			<div class="clear"> </div>
			<div class="testmonials">
				<div class="wrap">
					<div class="testmonial-grid">
						<h3>1111聚享优惠 :</h3>
						<p>&#34; layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
								无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
								无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔&#34;
						</p>
						<a href="#"> Let's GO</a>
					</div>
				</div>
			</div>
		</div>
		<!---End-content---->
	<div id="ydform">
		<div id="J_orderBox_toolbar" class="res_order" data-reactid="336"><noscript data-reactid="337"></noscript>
			<div class="res_order_btn" data-reactid="338" id="yd_btn">
			<c:if test="${empty user }">
				<a href="${base }/comm/toroute/toorder.html/${route.id}" rel="nofollow" class="res_btn " data-reactid="339">请登陆后 预定</a>
			</c:if>	
			<c:if test="${not empty user }">
				<a href="javascript:;" rel="nofollow" class="res_btn " data-reactid="339">立即预订</a>
			</c:if>	
				<div class="res_price" style="position:relative;" data-reactid="340"><s data-reactid="341">总价</s><span id="price" class="res_fee" data-reactid="342">--</span></div>
			</div>
			<ul class="res_chose" data-reactid="343">
				<li data-reactid="344"><label class="lab" data-reactid="345">出发</label>
				
				  <div class="layui-inline">
     			 <div class="layui-input-inline">
       			 <input type="text" class="layui-input" id="J_DepartDate" placeholder="请选择出发日期">
      			</div>
  			  </div>
				
				<!-- 
					<div class="input_box" data-reactid="346"><input  type="input" id="J_DepartDate"  style="width:140px;height:40px;position:absolute;opacity:0;" readonly="" value="请选择出发日期" data-reactid="347" />
						 <div class="input_star " data-reactid="348"><span class="end_cal" style="margin-top:9px;" data-reactid="349">请选择出发日期</span><b class="b" data-reactid="350"></b></div> 
					</div> -->
				</li>
				<li data-reactid="351"><label class="lab" data-reactid="352">线路</label>
					<div class="input_box input_rou" data-reactid="353"><input type="text" id="J_LineBox" value="${route.id }" placeholder="${route.name }" readonly="" style="color:#999;font-size:12px;" data-reactid="354" /><b class="b" data-reactid="355"></b></div>
				</li>
				<li data-reactid="356"><label class="lab" data-reactid="357">成人</label>
					<div class="input_box input_per" data-reactid="358"><label data-reactid="359"><input id="mamNum" type="text" value="2" placeholder="请输入" data-reactid="360"/><b class="b1" data-reactid="361"></b></label></div>
				</li>
				<li data-reactid="362"><label class="lab" data-reactid="363">儿童</label>
					<div class="input_box input_per" data-reactid="364"><label data-reactid="365"><input id="childNum" type="text" value="0" placeholder="请输入" data-reactid="366"/><b class="b1" data-reactid="367"></b></label></div><em class="kid_tip" data-reactid="368"><span class="base_tip" data-reactid="369">2-12周岁（不含）</span></em></li>
			<li data-reactid="362">
				<label class="lab" id="msg" style="color:red;" ></label>
			</li>
			</ul>
		</div>
	</div>

<%@ include file="/WEB-INF/elements/footer.jsp" %>
<script src="${base }/statics/layui/layui.js" charset="utf-8"></script>
<script src="${base }/statics/js/ydform.js" charset="utf-8"></script>
</body>
</html>